我们先来看下按钮样式：

具体代码：
<button id="btn">打印</button> //js写法 $("#btn").css({ "font-family": "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif", "font-size": "13px!important", "height": "30px", "line-height": "18px!important", "padding": "3px 18px", "display": "inline-block", "vertical-align": "middle", "font-weight": "normal", "border-radius": "2px", "margin": "0 8px 0 3px", "border": "1px solid #3383da", "color": "#ffffff", "background-color": "#3383da" }); //css写法 #btn{ font-family: "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif"; font-size: 13px!important; height: 30px; line-height: 18px!important; padding: 3px 18px; display: inline-block; vertical-align: middle; font-weight: normal; border-radius: 3px; margin: 0 8px 0 3px; border: 1px solid #3383da; color: #ffffff; background-color: #3383da; cursor: pointer; }

以上就是css实现一个简单的扁平化按钮的详细内容，更多请关注聚合云库其它相关文章！

（推荐教程：CSS教程）